
<html lang="en">
<head>
    <style>
        body {
            font: 14px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
        }
        
        h2 { color: #4DB8FF; }
    .auto-style2 {
		font-family: Arial;
	}
	.auto-style5 {
		font-size: medium;
		font-family: "Times New Roman";
		color: #4DB8FF;
	}
	.auto-style6 {
		font-size: small;
		font-family: "Times New Roman";
	}
	.auto-style7 {
		color: #4DB8FF;
	}
	.auto-style8 {
		text-decoration: none;
	}
    </style>
	
	    <script type="text/javascript">
     
    function toggle(id) {
      var e = document.getElementById(id);
     
      if (e.style.display == '')
        e.style.display = 'none';
      else
        e.style.display = '';
    }
     
    </script>

</head>
<body style="height: 344px">
<div id="secondary">
    <h2 class="auto-style2">Patient Management Help!</h2>
     
    <p class="auto-style6">Their are two types of operations for Patient Management namely Create Patient Record and Retrieve Patient Record.
        User can select the type of operation to perform  their task</p>
	<ul>
		
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node1')" class="auto-style8">
		<span class="auto-style7">Create Patient Record</span></a></p>
		<dl id="node1" style="display:none">
			
			<p class="auto-style6">On click of Create Patient Record user can create the new patient record.</p>
		
		</dl>
		</li>
		<li>
		<p class="auto-style5">
		<a href="#" onclick="toggle('node2')" class="auto-style8">
		<span class="auto-style7">Retrieve Patient Record</span></a></p>
		<dl  id="node2" style="display:none">
		
			<p class="auto-style6">On click of Retrieve Patient Record user can get the details of patient.</p>
		
		</dl>
		</li>